.orderModal{
    .ant-modal-body {
    padding: 0px;
   font-size: 14px;
   }
   }
   .orderClickBtn {
       display: flex;
       flex-direction: row;
       float: right;
       margin-right: 15px;
     }
     .timeStyle {
       font-size: 14px;
       font-weight: 500;
       line-height: 20px;
       color: rgba(0, 0, 0, 1);
       padding-left: 20px;
       padding-right: 20px;
     }
     .approvedStyle {
       padding-top: 10px;
       padding-left: 10px;
       font-size: 14px;
       font-weight: 500;
       line-height: 20px;
       color: rgba(122, 122, 122, 1);
     }
     .orderRow {
       display: flex;
       flex-direction: row;
       flex-direction: column;
       float: right;
       margin-right: 40px;
       margin-top: 1%;
     }
     .timeClickBtn {
       padding-top: 9px;
   
     }
     .fontSize {
       padding: 5px;
     }
     .orderSearch {
       float: right;
       margin-right: 10px;
     }
     
     .orderLine{
        margin:0px
     }
     .saleOrderTable{
       .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
         .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
         .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
         .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
         .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
         .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
         .ant-table-small
           > .ant-table-content
           > .ant-table-fixed-left
           > .ant-table-body-outer
           > .ant-table-body-inner
           > table
           > .ant-table-thead
           > tr
           > th,
         .ant-table-small
           > .ant-table-content
           > .ant-table-fixed-right
           > .ant-table-body-outer
           > .ant-table-body-inner
           > table
           > .ant-table-thead
           > tr
           > th {
           background-color:#D2F4FF !important;
           color: black !important;
         }
         .ant-table-small > .ant-table-content > .ant-table-body {
           margin: 0;
         }
    
         .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
           // background-color: red;   
           padding: 8px 1px;
           color: black !important;
       }
       }
       .light-row{
           background:#FFDFEC
       }
       .dark-row{
           background-color: #EFEFEF;
       }
       .purple-row{
         background-color: #A1A4F1;
         // color: white;
       }
   
        
          .check-img {
            font-size: 20px;
            margin-left: 5px;
            margin-top: 2px;
          }
          .nickName {
            margin-top: -10px;
            font-size: 10px;
          
            font-weight: 500;
            line-height: 20px;
            color: rgba(0, 0, 0, 1);
          }
          .receivables {
            padding-bottom: 12px;
            margin: 0px;
            font-size: 14px;
            padding-left: 10px;
            font-weight: 500;
            line-height: 20px;
            color: rgba(0, 0, 0, 1);
            opacity: 1;
          }
          .payable {
            padding-bottom: 12px;
            margin: 0px;
            padding-top: 16px;
            font-size: 14px;
            padding-left: 10px;
            font-weight: 500;
            line-height: 20px;
            color: rgba(0, 0, 0, 1);
            opacity: 1;
          }
          .ant-avatar-lg {
            width: 65px;
            height: 65px;
            line-height: 40px;
            border-radius: 50%;
            margin: 18px;
          }
          .cardContext {
            display: flex;
            flex-direction: column;
            text-align: center;
          }
          .cardBody {
            display: flex;
            flex-direction: row;
          }
          .topRow {
            display: flex;
            flex-direction: row;
            padding-top: 40px;
            padding-left: 22px;
          }
          .topLine {
            border-bottom: 1px solid rgba(222, 222, 222, 1);
            opacity: 1;
            height: 0;
          }
          .cardTop {
            display: flex;
            flex-direction: row;
            padding-top: 14px;
            padding-left: 24px;
          }
          .cardLine {
            width: 100%;
            height: 1px;
            background: rgba(243, 243, 243, 1);
            margin-top: 1px;
          }
          
          .titleFont {
            font-size: 14px;
            padding-top: 10px;
            font-weight: 500;
            line-height: 20px;
            color: rgba(0, 0, 0, 1);
            padding-left: 10px;
          }
          .orderCards {
            width: 320px;
            height: 210px;
            background: #FFFAF2;
            box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.16);
            border-radius: 4px;
          }
          
          .customerFont {
            font-size: 14px;
            width: 150px;
            font-weight: 500;
            line-height: 22px;
            color: rgba(0, 0, 0, 1);
            opacity: 1;
            padding-left: 8%;
            padding-top: 8%;
          }
          
          .house-container {
            overflow: auto;
            height: 600px;
          }
          .demo-loading-container {
            position: absolute;
            bottom: 40px;
            width: 100%;
            text-align: center;
          }
          .cardBottom{
           display:flex; flex-direction:row;background:#FF3838;color:white;font-size: 14px;height:40px;text-align:center;
          }
          .orderrowfooter{
           height:40px;background:rgba(209,209,209,1);position:fixed;z-index:999; bottom:0;width:100%;margin-left:-2%
         }
         .colstylea{
           background:rgba(209,209,209,1);padding-top:12px;padding-left:60px
             }
             .colstyleb{
            background:rgba(209,209,209,1);padding-left:20px;padding-top:12px
             }
             .colstylec{
             background:rgba(209,209,209,1);padding-top:12px
             }